<template>
	<div>
		<el-tabs v-model="activeName">
			<el-tab-pane label="内部单位" name="ConfChannelUnit">
				<InternalUnit></InternalUnit>
			</el-tab-pane>
			<el-tab-pane label="外部单位" name="external" lazy>
				<ConfExternalOrganization></ConfExternalOrganization>
			</el-tab-pane>
			<el-tab-pane label="一级能开渠道" name="channel" lazy>
				<ConfChannel></ConfChannel>
			</el-tab-pane>
			<el-tab-pane label="内部机构应用" name="internal" lazy>
				<ConfInternalOrganization></ConfInternalOrganization>
			</el-tab-pane>
		</el-tabs>
	</div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import ConfInternalOrganization from './organization/internal.vue';
import ConfExternalOrganization from './organization/external.vue';
import ConfChannel from './organization/channel.vue';
import InternalUnit from './organization/internal-unit.vue';

const activeName = ref('ConfChannelUnit');
</script>

<style scoped></style>
